<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>取证系统</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <style>
            body{
                margin:0;
                padding:0;
                font-size:14px;
                background:#FFFFFF;
                background-image:url("images/login.png");
                background-repeat:no-repeat;
                background-size:100%;
            }
            a{
                text-decoration:none !important;
                color:#000000;
            }
            .login_div{
                width:80%;
                margin:0 10%;
                margin-top:35px;
                padding:10px 0 20px 0;
                box-shadow:0 0 10px 0 #4c4c4c;
                background:#FFFFFF;
                border-radius:10px;
            }
            .login_title{
                text-align:center;
                font-size:20px;
                color:#3a9cf3;
                letter-spacing:5px;
                margin:0;
            }
            .login_div_cont{
                width:80%;
                margin:20px 10%;
            }
            .login_div_cont p{
                margin:0 auto;
            }
            .login_div_p_img{
                width:12px;
                height:14px;
                vertical-align:middle;
            }
            .login_div_p_span{
                color:#3a9cf3;
                vertical-align:middle;
            }

            .input_text{
                width:96%;
                outline:none;
                padding:8px 2%;
                color:#3a9cf3;
                border-radius:5px;
                box-shadow:1px 1px 2px 0 #d0d0d0 inset;
                border:1px solid #FFFFFF;
                background:#F7FCFF;
            }
            .input_pass{
                width:96%;
                outline:none;
                padding:8px 2%;
                color:#3a9cf3;
                border-radius:5px;
                box-shadow:1px 1px 2px 0 #d0d0d0 inset;
                border:1px solid #FFFFFF;
                background:#F7FCFF;
            }
            .button{
                display:inline-block;
                color:#FFFFFF;
                background:#3a9cf3;
                border-radius:5px;
                padding:7px 0;
                width:90%;
            }
        </style>
    </head>
    <body>
        <div style="text-align:center;margin-top:55px;">
            <img style="width:50px;height:50px;" src="images/jinghui.png">
            <p style="margin:0;color:#FFFFFF;font-size:26px;font-weight:bold;letter-spacing:3px;">成都市公安局</p>
            <p style="margin:0;color:#FFFFFF;font-size:26px;font-weight:bold;letter-spacing:3px;">云取证管理平台</p>
        </div>
        <div class="login_div">
            <p class="login_title">登录</p>
            <div class="login_div_cont">
                <p>
                    <img class="login_div_p_img" src="images/login_accounts.png">
                    <span class="login_div_p_span">帐号</span>
                </p>
                <p>
                    <input type="text" class="input_text" style="" name="account" value="">
                </p>
            </div>
            <div class="login_div_cont">
                <p>
                    <img class="login_div_p_img" src="images/login_pass.png">
                    <span class="login_div_p_span">密码</span>
                </p>
                <p>
                    <input type="password" class="input_pass" style="" name="pass" value="">
                </p>
            </div>
            <div style="text-align:center;padding-top:35px;">
                <span class="button">立即登录</span>
            </div>
        </div>
    </body>
</html>